The ‘Align components’ toolbar in the top right-hand corner of the Layout Designer contains icons which enable you to align and resize components in relation to each other (the exception is the ‘Centre horizontally’ icon which can affect a single item). For example, you can make two items the same width as each other or align them so that their left-hand sides coincide.

For these icons to work, you need to select at least two layout items using a single click and <Ctrl>-click. When you have selected two items, notice that the first item has red vertices and the second has green vertices, as with the logo and clock below.

The important thing to note is that the item which will be changed when an alignment icon is clicked is the item with the red vertices; think of the green vertices as being ‘safe’, which means that item will not be changed.

For instance, in the illustrated example, if you were to click on the Make same width icon, the LEGION logo item will be changed so that it is the same width as the clock. To swap red and green vertices between items, <Ctrl>-click on one of the selected items.

When you have more than two selected items, <Ctrl>-clicking on one of them will change its vertices to green and change all other items’ vertices red.